<template>
  <div>
    <el-table  :data="complaintList" stripe style="width: 100%" >
      <el-table-column prop="complaintImageOne" label="图片" width="80">
        <template slot-scope="scope">
          <el-image :z-index="zIndex" v-if="scope.row.complaintImageOne != null && scope.row.complaintImageOne != '' "
            slot="reference" :src="scope.row.complaintImageOne" class="image-rows" :preview-src-list="[scope.row.complaintImageOne]">
          </el-image>
        </template>
      </el-table-column>
      <el-table-column prop="complatinTypeName" label="投诉类型" :show-overflow-tooltip="true"/>
      <el-table-column prop="complaintTitle" label="投诉标题" :show-overflow-tooltip="true"/>
      <el-table-column prop="complaintContent" label="具体内容" :show-overflow-tooltip="true"/>
      <el-table-column prop="customerName" label="客户名称"/>
      <el-table-column prop="createDate" label="投诉时间" :show-overflow-tooltip="true"/>
      <el-table-column prop="processStatusName" label="处理状态"/>
      <el-table-column prop="processUserName" label="处理人"/>
      <el-table-column prop="processDate" label="处理时间" :show-overflow-tooltip="true"/>
      <el-table-column prop="finishDate" label="完成时间" :show-overflow-tooltip="true"/>
      <el-table-column prop="processRemark" label="处理意见" :show-overflow-tooltip="true"/>
    </el-table>

  </div>
</template>

<script>
export default {
  props: ["complaintList"],
  data() {
    return {
      zIndex: 3000,
    }
  },
  methods: {
  },
};
</script>

<style scoped>
  .el-form-item {
    margin-bottom: 0;
  }
</style>
